@charset "utf-8";
/* 狮吼TV */

body        { margin:0; font-size:14px; font-family:"黑体"; background:url(../img/bodyBg.png) left center repeat-y; background-size:100% auto; color:#fff; }
.phbBody    { background:url(../img/bodyBg2.png) repeat-y; background-size:100% auto; }
.wrap       { }
.wrap img   { width:100%; display:block; }
.header     { position:relative; width:100%; overflow:hidden; }
.yellow     { font-weight:bold; color:#fcd441; }

/* 分享 */
.btndown    { width:60%; left:50%; margin-left:-30%; position:absolute; bottom:3%;}
.shareO     { width:45%; margin:5px auto; display:block;}
.shareT     { width:40%; left:50%; margin-left:-20%; position:absolute; bottom:28%;}
.shareD     { width:50%; left:50%; margin-left:-25%; position:absolute; bottom:15%;}
.share img  { display:block; width:100%;}
.btns       { margin-left:-50%; width:100%; position:absolute; left:50%; }
.btnPm      { margin:20px auto; width:35%; display:block; }


/* 弹窗 */
.pop        { position:fixed; left:20%; top:47%; width:60%; height:30px; line-height:30px; text-align:center; display:none; border-radius:5px; z-index:999; color:#fff; background:url(../img/5.png) repeat; }

.box        { margin:22px 20px 20px; line-height:20px; border-top:3px solid #7341e4; border-right:3px solid #7341e4; border-left:3px solid #7341e4; position:relative; }
.box h3     { position:absolute; left:50%; top:-22px; z-index:3; margin-left:-93px; width:186px;}
.box .text  { margin:0 12px 0; position:relative; padding-bottom:10px; }
.box .tFirst{ margin-top:20px; }
.box .one   { padding:0; margin-bottom:20px; }
.box .rule  { height:auto; display:none; overflow:hidden; background:#7341e4; }
.box dl     { margin:12px; }
.box dl dt  { padding:5px 0 5px; color:#ffe200; }
.box dl dd  { padding-left:15px; color:#ffffff; position:relative; overflow:hidden; }
.box dl dd em,.box .text em { width:15px; height:20px; display:block; display:block; position:absolute; left:0; top:0; z-index:3; }

.phbMenu        { margin-top:20px; overflow:hidden; }
.phbMenu li     { float:left; width:50%; height:40px; font-size:18px; cursor:pointer; border-bottom:1px solid #353535; text-align:center; line-height:40px; } 
.phbMenu .curr  { background:url(../img/menuBg.png) repeat-x; background-size:3px 48px; }
.phbCont ul     { margin:0 10px; display:none; }
.phbCont li     { margin-top:10px; padding-left:70px; height:70px; font-size:16px; line-height:70px; text-align:center; position:relative; background:#353535; color:#ffbf4d; }
.phbCont li .no { width:70px; height:70px; display:block; position:absolute; left:0; top:0; z-index:3; }
.phbCont .last  { height:35px; line-height:35px; }
.phbCont .last .no { height:35px; }

/*按钮*/
.btn        { height:34px; line-height:34px; font-size:14px; font-weight:bold; text-align:center; display:block; color:#ffe200; background:#7341e4; }
.btn em     { margin:-2px 0 0 5px; width:13px; height:14px; display:inline-block; vertical-align:middle; }
.btnHide    { display:none; }
.btnShow em { background:url(../img/iconShow.png) no-repeat; background-size:13px 14px; }
.btnHide em { background:url(../img/iconHide.png) no-repeat; background-size:13px 14px; }
.btnTj      { margin:20px auto; width:113px; height:38px; display:block; background:url(../img/btnTj.png) no-repeat; background-size:113px 38px; }
.btnPhb     { margin:20px auto; width:143px; height:38px; display:block; background:url(../img/btnPhb.png) no-repeat; background-size:143px 38px; }

footer { height:40px; line-height:40px; text-align:center; font-size:12px; color:#7341e4; }

/* userInfo */
.userInfo               { width:75%; padding:20px 10px 0 90px; height:68px; position:absolute; overflow:hidden; bottom:2%; }
.userInfo .userHead     { width:60px; height:60px; display:block; border-radius:50%; position:absolute; left:20px; top:20px; overflow:hidden; }
.userInfo .userHead img { width:60px; height:60px; }
.userInfo .userName     { margin-top:2px; height:20px; display:block; line-height:20px; font-size:16px; overflow:hidden; color:#fff; }
.userInfo .userTime,.userInfo .userMoney { height:18px; line-height:18px; display:block; overflow:hidden; color:#fff;  } 
.userInfo .userLine     { border-right:1px solid #363636; }
.userInfo i             { font-style:normal; color:#fcd441; }
.btnBm    { margin-top:-6px; width:83px; height:36px; display:block; background:url(../img/btnBm.png) no-repeat; background-size:83px 36px; position:absolute; right:20px; top:50%; z-index:3; }
.btnCenter { margin-top:-6px; width:83px; height:36px; display:block; background:url(../img/btnCenter.png) no-repeat; background-size:83px 36px; position:absolute; right:20px; top:50%; z-index:3; }
.btnOver { margin-top:-6px; width:83px; height:36px; display:block; background:url(../img/btnOver.png) no-repeat; background-size:83px 36px; position:absolute; right:20px; top:50%; z-index:3; }
.noLogin { overflow:hidden;  width:60%; position:absolute; left:50%; margin-left:-30%; bottom:6%;  }
.noLogin img {display:block; width:100%;}


/* phb */
.phbList li { padding:0 50px 0 105px; height:60px; border-bottom:1px solid #2c1561; background:#200d4e; position:relative; }
.phbList .no1 .no { margin-top:-12px; width:30px; height:24px; display:block; background:url(../img/iconNo1.png) no-repeat; background-size:30px 24px; position:absolute; left:11px; top:50%; z-index:3; }
.phbList .no2 .no { margin-top:-9px; width:24px; height:19px; display:block; background:url(../img/iconNo2.png) no-repeat; background-size:24px 19px; position:absolute; left:14px; top:50%; z-index:3; }
.phbList .no3 .no { margin-top:-9px; width:22px; height:18px; display:block; background:url(../img/iconNo3.png) no-repeat; background-size:22px 18px; position:absolute; left:15px; top:50%; z-index:3; }
.phbList .no4 .no { margin-top:-9px; width:18px; height:18px; border-radius:9px; text-align:center; line-height:18px; display:block; background:#6f45d0; background-size:22px 18px; position:absolute; left:18px; top:50%; z-index:3; }
.phbList .no1 .phbUser,.phbList .no2 .phbUser,.phbList .no3 .phbUser { margin-top:-26px; width:46px; height:46px; display:block; border-radius:50%; overflow:hidden; position:absolute; left:47px; top:50%; z-index:3; }
.phbList .no4 .phbUser { margin-top:-19px; width:34px; height:34px; display:block; border-radius:50%; overflow:hidden; position:absolute; left:55px; top:50%; z-index:3; }
.phbList .no1 .phbUser img,.phbList .no2 .phbUser img,.phbList .no3 .phbUser img { width:46px; height:46px; } 
.phbList .no4 .phbUser { width:34px; height:34px; display:block; border-radius:50%; overflow:hidden; }
.phbList .no1 .phbUser { border:3px solid #fa9520; }
.phbList .no2 .phbUser { border:3px solid #94a6b7; }
.phbList .no3 .phbUser { border:3px solid #f59f6f; }
.phbList .no4 .phbUser { border:2px solid #ffffff; }
.phbList .phbName      { height:60px; line-height:60px; display:block; overflow:hidden; }
.phbList .statePlay,.loginWrap .statePlay    { margin-top:-9px; width:29px; height:17px; display:block; background:url(../img/iconPlay.png) no-repeat; background-size:29px 17px; position:absolute; right:10px; top:50%; z-index:3; }
.phbList .statePlayNo,.loginWrap .statePlayNo  { margin-top:-9px; width:29px; height:17px; display:block; background:url(../img/iconPlayNo.png) no-repeat; background-size:29px 17px; position:absolute; right:10px; top:50%; z-index:3; }
.btnLoad { height:33px; line-height:33px; text-align:center; display:block; border-bottom:1px solid #2c1561; background:#200d4e; color:#5e527a; }
.listEnd { height:50px; line-height:50px; font-size:14px; text-align:center; display:none; color:#371a78; }

.sec { padding-bottom:120px; }
.footer        { width:100%; height:80px; position:fixed; left:0; bottom:0; z-index:99; }
.footerWrap    { width:100%; position:relative; height:80px; }
.footerWrap img{ width:100%; height:80px; overflow:hidden; display:block; }
.login         { width:100%; height:60px; position:absolute; left:0; top:10px; z-index:5; }
.loginWrap     { padding:0 170px 0 65px; height:60px; line-height:60px; text-align:left; position:relative; color:#cbbb3e; }
.loginWrap .phbUser { margin-top:-19px; width:34px; height:34px; display:block; border:2px solid #fff; border-radius:50%; overflow:hidden; position:absolute; left:15px; top:50%; z-index:3; } 
.loginWrap .phbUser img { width:34px; height:34px; } 
.loginWrap .phbName { height:60px; line-height:60px; font-size:14px; color:#fff; display:block; overflow:hidden; }
.loginWrap .tPm { width:150px; height:60px; text-align:right; font-size:14px; line-height:60px; color:#cbbb3e; position:absolute; right:10px; top:0; z-index:3; }

.infoTs { height:30px; text-align:center; line-height:30px; display:block; color:#ffe200; }
.list li { height:24px; line-height:24px; }
.list li span { float:left; width:50%; height:24px; text-align:center; display:block; line-height:24px; color:#ffe200; }
.list li span em { height:24px; display:block; border-right:1px solid #27125a; }
.list li:nth-child(odd) { background:#3d1d8a; }
.loginWrap .phbUser2 { margin-top:-19px; width:34px; height:34px; display:block; border:2px solid #4e26ab; border-radius:50%; overflow:hidden; position:absolute; left:15px; top:50%; z-index:3; }
.loginWrap .phbUser2 img { width:34px; height:34px; } 


